<template>
  <div class="about">
    <h1>This is an about page</h1>
    <b>{{ food }}</b>
  </div>
</template>
<script>
// 路由组件传参：对象模式
// 如果 props 是一个对象，它会被按原样设置为组件属性。当 props 是静态的时候有用
export default {
  props: {
    food: {
      type: String,
      default: 'apple'
    }
  }
}
</script>
